{{#extend "stylesheets"}}
  <link rel="stylesheet" href="/stylesheets/blog/blog.css"/>
{{/extend}}

<div class="container">

  <div class="row">

    <div class="col-sm-8 blog-main">

      <div class="blog-post">
        {{#each list}}
          <h2 class="blog-post-title">
            <a href="{{url 'blog.detail' blogId=this.id type=1}}" target="_blank">{{this.title}}</a>
          </h2>
          <p class="blog-post-meta">{{this.addTime}}</p>
          {{{this.content}}}
        {{/each}}
      </div><!-- /.blog-post -->

      <nav class="blog-pagination js-paginate">
        {{#paginate totalNum 10}}{{/paginate}}
      </nav>

    </div><!-- /.blog-main -->

    <div class="col-sm-3 ml-sm-auto blog-sidebar">
      <div class="sidebar-module sidebar-module-inset">
        <h4>About</h4>
        <p>Etiam porta <em>sem malesuada magna</em> mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
      </div>
      {{> catalog}}
      <div class="sidebar-module">
        <h4>Elsewhere</h4>
        <ol class="list-unstyled">
          <li><a href="#">GitHub</a></li>
          <li><a href="#">Twitter</a></li>
          <li><a href="#">Facebook</a></li>
        </ol>
      </div>
    </div><!-- /.blog-sidebar -->

  </div><!-- /.row -->

</div>

{{#extend "stylesheets"}}
    <script src="/javascripts/blog/blog.js"></script>
{{/extend}}



